<div data-ng-init="initSpaceSearch('kjcx',
    {url:'/bhq/MapServer/8',
    selectFields:['FID','Area','Fuction','Name'],
    infoTemplateTitle:'空间查询', 
    infoTemplateContent:'kjcx_temp',
    fieldUseZh:false,
    pageSize:7});">

    <div id="kjcx_temp" style="display:none">
        <b>FID: </b>~{FID}<br/>
        <b>公园名: </b>~{Name}<br/>
        <b>功能区: </b>~{Fuction}<br/>
        <b>面积: </b>~{Area}<br/>
    </div>

    <div class="search" ng-show="searchOpen">
        <h4 class="title">空间查询</h4>
        <div class="zs-form-tab">
            <table width="100%">
                <tbody>
                    <tr>
                        <td class="right" width="28%"></td>
                        <td style="text-align:left;">
                            <input type="radio" name="identity" value="polygon" 
                                ng-model="gisObject.kjcx.type"/>面
                            <input type="radio" name="identity" value="line" 
                                ng-model="gisObject.kjcx.type"/>线
                            <input type="radio" name="identity" value="point" 
                                ng-model="gisObject.kjcx.type"/>点
                        </td>
                    </tr>
                    <tr>
                        <td class="right" width="28%">缓冲</td>
                        <td>
                            <input class="zs-input" type="text" ng-model='gisObject.kjcx.buffer'>
                        </td>
                    </tr>
                    <tr>
                        <td class="center" colspan="2">
                            <input type="button" name="ok" value="查询" class="zs-btn" 
                                ng-click="spaceSearch('kjcx') && setSearchOpen(false);">
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class="result ng-hide" ng-show="!searchOpen">
        <a class="back" ng-click="clearSearchResult('kjcx');setSearchOpen(true);">返回</a>
        <ul class="list">
            <li class="item" ng-repeat="result in gisObject.kjcx.pageList"
                ng-mousemove="highFeatureSelectGraphic(result.attributes._guid);" 
                ng-mouseleave="featureSelectGraphic(result.attributes._guid);">
                <p><a ng-click="showInfoWindow(result.attributes._guid);">
                        {{result.attributes['Name']}}
                </a></p>
                <p>
                    {{result.attributes['Fuction']}} <a ng-click="setGraphicExtent(result.attributes._guid)">【定位】</a>
                </p>
            </li>
        </ul>
        <ag-Gis-Page fn='kjcx'></ag-Gis-Page>
    </div>
</div>